<template>
    <!-- 待办事项--申请详情  -->
    <div>
      <div class="white" style="padding-top: 10px;">
        <div class="Ptitle">审批单:C1961006-20220607125619</div>
        <div class="Ptitle">审批详情</div>
        <ui-row class="white" style="padding-bottom: 20px;">
          <div style="height: auto;">
            <div class="infoBody">
              <div class="infoCont">申请人：张三</div>
              <div class="infoCont">申请机构：渝中支行</div>
              <div class="infoCont">申请时间：2022-01-21 10:32:02</div>
            </div>
            <div class="infoBody">
              <div class="infoCont">调整原因：管户人原因</div>
              <div class="infoCont">成功数：1</div>
              <div class="infoCont">失败数：0</div>
            </div>
            <div class="sqyy">
              <div style="display: flex;">
                <div class="sqyyFont">申请原因：</div>
                <div class="sqyyBody"></div>
              </div>
            </div>
          </div>
        </ui-row>
        <ui-row>
          <div class="Ptitle">业务详情</div>
          <div class="white tableBod">
            <vx-table
              :table-data="tableData"
              :is-select="false"
              :columns="columns"
              @multipleSelection="multipleSelection"
              :buttom-group="buttomGroup"
              @openDetails="openDetails"
            ></vx-table>
          </div>
        </ui-row>
        <ui-row>
          <div class="Ptitle">审批流程： 客户认领</div>
          <div  class="white tableBod">
            <vx-table
              :table-data="tableData"
              :is-select="false"
              :columns="columns"
              @multipleSelection="multipleSelection"
              :buttom-group="buttomGroup"
              @openDetails="openDetails"
            ></vx-table>
          </div>
        </ui-row>
        <ui-row>
          <div class="Ptitle">审批意见</div>
          <div  class="white" style="padding: 20px 50px;">
            <ui-form ref="form" labui-width="80px">
              <ui-form-item label="特殊资源">
                <ui-radio-group v-model="typeFlag">
                  <ui-radio label="同意"></ui-radio>
                  <ui-radio label="拒绝"></ui-radio>
                </ui-radio-group>
              </ui-form-item>
              <ui-form-item label="审批原因">
                <ui-input type="textarea"></ui-input>
              </ui-form-item>
              <ui-form-item style="text-align: center;">
                <ui-button type="primary" @click="onSubmit">确认</ui-button>
                <ui-button @click="searchList(true)">取消</ui-button>
              </ui-form-item>
            </ui-form>
          </div>
        </ui-row>
      </div>
    </div>
  </template>
  
  <script>
  import vxTable from '@/components/vx-table';
  
  export default {
    name: 'myapplicationsDetails',
    components: {
      vxTable,
    },
    data() {
      return {
        columns: [
          {
            prop: 'userName',
            label: '客户号',
            fixed: true,
          },
          {
            prop: 'userName',
            label: '客户姓名',
            fixed: true,
          },
          {
            prop: 'userName',
            label: '客户等级',
            fixed: true,
          },
          {
            prop: 'userName',
            label: 'AUM余额(元)',
            fixed: true,
          },
          {
            prop: 'userName',
            label: 'AUM90天日均',
            fixed: true,
          },
          {
            prop: 'userName',
            label: 'LUM90天日均',
            fixed: true,
          },
          {
            prop: 'userName',
            label: '管护机构',
            fixed: true,
          },
  
          {
            prop: 'userName',
            label: '本机构类型',
            fixed: true,
          },
          {
            prop: 'userName',
            label: '处理状态',
            fixed: true,
          },
        ],
        tableData: [],
        buttomGroup: [],
        typeFlag: '',
      };
    },
    methods: {
      searchList() {
        this.$router.push('/agentMatters/myApplicationslist');
      },
    },
  };
  </script>
  <style lang="scss" scoped>
  .Ptitle{
    padding: 20px 20px;
  }
  .infoBody {
    width: 90%;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
  }
  
  .infoCont {
    width: 30%;
    font-size: 15px;
  }
  
  .sqyy {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
  }
  
  .sqyyFont {
    width: 100px;
    font-size: 15px;
  }
  
  .sqyyBody {
    width: 50%;
    height: 200px;
    background-color: #ccc;
  }
  </style>
  